<%--
  Created by IntelliJ IDEA.
  User: cyc
  Date: 2021/9/28
  Time: 15:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>易买网 - 首页</title>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/function.js"></script>
</head>
<body>
<div id="header" class="wrap">
    <div id="logo"><img src="${pageContext.request.contextPath}/images/logo.gif" /></div>
    <div class="help"><a href="shopping.html" id="shoppingBag" class="shopping">购物车X件</a>
        <c:if test="${sessionScope.user==null}"><a href="login.jsp">登录</a></c:if>
        <c:if test="${sessionScope.user!=null}"> <span style="color: red">${user.username}你好</span> </c:if>
        <a class="button" id="logout" href="LoginOutServlet">注销</a><a href="register.jsp">注册</a>
        <a href="guestbook.jsp">留言</a>
        <a href="manage/index.html">后台管理</a>
    </div>
    <div class="navbar">
        <ul class="clearfix">
            <li class="current"><a href="#">首页</a></li>
            <li><a href="#">图书</a></li>
            <li><a href="#">百货</a></li>
            <li><a href="#">品牌</a></li>
            <li><a href="#">促销</a></li>
        </ul>
    </div>
</div>
<div id="childNav">
    <div class="wrap">
        <ul class="clearfix">
            <li class="first"><a href="#">音乐</a></li>
            <li><a href="#">影视</a></li>
            <li><a href="#">少儿</a></li>
            <li><a href="#">动漫</a></li>
            <li><a href="#">小说</a></li>
            <li><a href="#">外语</a></li>
            <li><a href="#">数码相机</a></li>
            <li><a href="#">笔记本</a></li>
            <li><a href="#">羽绒服</a></li>
            <li><a href="#">秋冬靴</a></li>
            <li><a href="#">运动鞋</a></li>
            <li><a href="#">美容护肤</a></li>
            <li><a href="#">家纺用品</a></li>
            <li><a href="#">婴幼奶粉</a></li>
            <li><a href="#">饰品</a></li>
            <li class="last"><a href="#">Investor Relations</a></li>
        </ul>
    </div>
</div>
<div id="position" class="wrap">
    您现在的位置：<a href="index.html">易买网</a> &gt; <a href="product-list.html">图书音像</a> &gt; 图书
</div>
<div id="main" class="wrap">
    <div class="lefter">
        <div class="box" >
            <h2>商品分类</h2>
            <dl id="category" >


            </dl>
        </div>
        <div class="spacer"></div>
        <div class="last-view">
            <h2>最近浏览</h2>
            <dl class="clearfix">
                <dt><img src="images/product/10_small.jpg" /></dt>
                <dd><a href="product-view.html"  target="_self">利仁2018M福满堂电饼铛 好用实惠</a><a href="product-view.html"></a></dd>
                <dt>&nbsp;</dt>
                <dd>&nbsp;</dd>
            </dl>
            <script type="text/javascript">
                document.write("Cookie中记录的购物车商品ID："+ getCookie("product") + "，可以在动态页面中进行读取");
            </script>
        </div>
    </div>
    <div class="main">
        <div class="product-list">
            <h2>全部商品</h2>
            <div class="clear"></div>
            <ul class="product clearfix">
                <c:forEach items="${productList}" var="i" >
                    <li>
                        <dl>
                            <dt><a href="${pageContext.request.contextPath}/product/selectbyid?id=${i.id}" target="_self"><img src="${pageContext.request.contextPath}/images/product/${i.filename}" /></a></dt>
                            <dd class="title"><a href="${pageContext.request.contextPath}/product/selectbyid?id=${i.id}" target="_self">${i.name}</a></dd>
                            <dd class="price">￥${i.price}</dd>
                        </dl>
                    </li>
                </c:forEach>

            </ul>
            <div class="clear"></div>
            <div class="pager">

                <c:if test="${productList.size()!=0}" >
                    <ul class="clearfix">
                        <li><a href="${pageContext.request.contextPath}/product/select?cateId=${productList.get(0).categorylevel1id}&pageNum=1">首页</a></li>
                        <c:if test="${pageInfo.hasPreviousPage}" >
                            <li><a href="${pageContext.request.contextPath}/product/select?cateId=${productList.get(0).categorylevel1id}&pageNum=${pageInfo.pageNum-1}">上一页</a></li>
                        </c:if>


                        第${pageInfo.pageNum}页/共${pageInfo.pages}页

                        <c:if test="${pageInfo.hasNextPage}" >
                            <li><a href="${pageContext.request.contextPath}/product/select?cateId=${productList.get(0).categorylevel1id}&pageNum=${pageInfo.pageNum+1}">下一页</a></li>
                        </c:if>

                        <li><a href="${pageContext.request.contextPath}/product/select?cateId=${productList.get(0).categorylevel1id}&pageNum=${pageInfo.pages}">尾页</a></li>
                    </ul>
                </c:if>

            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div id="footer">
    Copyright &copy; 2010 北大青鸟 All Rights Reserved. 京ICP证1000001号
</div>
</body>
<script >
    $(function (){
        //左侧分类列表
        $.post("${pageContext.request.contextPath}/category/all",{},function (res){
            var cate="";
            for (i in res){
                if (res[i].parentid==0){
                    cate+="<dt>"+ res[i].name+"</dt>";
                    for (j in res){
                        if (res[j].parentid==res[i].id){
                            cate+="<dd><a class='cate' href=${pageContext.request.contextPath}/product/select?cateId="+res[i].id+">"+res[i].name+"</a></dd>";

                            for (x in res){
                                if (res[x].parentid==res[j].id){
                                    cate+="<dd><a class='cate' href=${pageContext.request.contextPath}/product/select?cateId="+res[j].id+">"+res[x].name+"</a></dd>";
                                }
                            }

                        }
                    }
                }
            }
            $("#category").html(cate);
        },"json");
    })
</script>
</html>
